<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/NewsEdit.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Benz E-Class</title>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" -->
<style type="text/css">
<!--
.STYLE2 {font-family: "Times New Roman", Times, serif}
-->
</style>
<!-- InstanceEndEditable -->
<style type="text/css"> 
<!-- 
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; /* 最好将 body 元素的边距和填充设置为 0 以覆盖不同的浏览器默认值 */
	padding: 0;
	text-align: center; /* 在 IE 5* 浏览器中，这会将容器居中。文本随后将在 #container 选择器中设置为默认左对齐 */
	color: #000000;
}

/* 此混合布局的提示
1. 由于此侧栏基于全方 (em) 的大小以用户的默认字体大小为基础，因此您需要确保栏中的背景图形考虑了这一点。如果正确构建的话，混合布局对于需要较大字体的浏览器更为方便，因为栏的宽度仍保持适当比例。如果这不适合您的设计，则只需将宽度更改为像素大小并确保相应地更改 #mainContent div 上的边距。
2. 由于此布局中侧栏的大小以 body 元素中的 100% 字体大小为基础，因此，如果您通过对 body 元素或 #container 使用“font-size: 80%”来减小文本的总体大小，请记住列宽将按比例缩小。您最好增加列宽以及 #mainContent div 的侧边距大小对此进行补偿。
3. 如果字体大小在每个 div 中按不同的量进行更改（例如，#sidebar1 上的字体大小为 70%，#mainContent 上的字体大小为 85%），而不是对总体设计进行更改，则将按比例更改每个 div 的总体大小。您最好根据最终的字体大小来进行调整。
4. 对于此布局来说，#container div 不必具有 100% 的宽度。您最好使用它来创建假列或者限制布局的宽度。
5. #container div 不必具有 100% 的宽度，因为一个 div 本来就可以占用 100% 的可用空间。这样做的目的在于，如果您希望减小整个容器的大小（或许在每个边缘都留一点边距），则这将保留进行调整的余地。
*/
.thrColHybHdr #container { 
	width: 100%;
	background: #FFFFFF;
	/* 边距：0 自动；自动边距（与宽度一起）会根据需要将页面居中 */
	text-align: left; /* 这将覆盖 body 元素上的“text-align: center”。 */
}  
.thrColHybHdr #header { 
	background: #FFFFFF; 
	padding: 0 10px;  /* 此填充会将出现在它后面的 div 中的元素左对齐。如果 #header 中使用的是图像（而不是文本），您最好删除填充。 */
} 
.thrColHybHdr #header h1 {
	margin: 0; /* 将 #header div 中最后一个元素的边距设置为零将避免边距重叠（即 div 之间出现的无法解释的空白）。如果 div 周围有边框，则不必将边距设置为零，因为边框也会避免边距重叠 */
	padding: 10px 0; /* 使用填充而不使用边距将可以使元素远离 div 的边缘 */
}

/* sidebar1 提示：
1. 请记住，如果为该 div 设置了字体大小，则该 div 的总体宽度将进行相应的调整。
2. 由于我们使用的是全方 (em)，因此最好不要针对侧栏本身使用填充。它将会新增至宽度，而让符合标准的浏览器建立未知的实际宽度。 
3. 如果为 div 中的元素设置左边距和右边距，则会在 div 边缘和这些元素之间产生空白，如“.thrColHybHdr #sidebar1 p”规则中所示。
*/
.thrColHybHdr #sidebar1 {
	float: left; 
	width: 11em; /* 由于此元素是浮动的，因此必须指定宽度 */
	background: #FFFFFF; /* 将显示背景色，其宽度等于栏中内容的长度，*/
	padding: 15px 0; /* 顶部和底部的填充将在该 div 中产生视觉空间 */
}
.thrColHybHdr #sidebar2 {
	float: right; 
	width: 11em; /* 由于此元素是浮动的，因此必须指定宽度 */
	background: #FFFFFF; /* 将显示背景色，其宽度等于栏中内容的长度，*/
	padding: 15px 0; /* 顶部和底部的填充将在该 div 中产生视觉空间 */
}
.thrColHybHdr #sidebar1 h3, .thrColHybHdr #sidebar1 p, .thrColHybHdr #sidebar2 p, .thrColHybHdr #sidebar2 h3 {
	margin-left: 10px; /* 对于将要放在侧栏中的每个元素，都应当设置左边距和右边距 */
	margin-right: 10px;
}

/* mainContent 提示：
1. 如果为 #mainContent div 和 #sidebar1 div 指定不同的字体大小，则 #mainContent div 的边距和 #sidebar1 div 的宽度将取决于各自 div 的字体大小。您最好调整这些 div 的值。
2. mainContent 和 sidebar1 之间的空白是由 mainContent div 的左边距创建的。无论 sidebar1 div 中包含多少内容，都将保留栏空白。如果您希望在 #sidebar1 中的内容结束时，用 #mainContent div 的文本填充 #sidebar1 空白，则可以删除此左边距。
3. 为避免出现“浮动下降”，可能需要进行测试，以确定近似的最大图像/元素大小，这是由于此布局基于用户的字体大小以及您所设置的值。但是，如果用户将浏览器的字体大小设置为低于正常值，那么，在 #mainContent div 中看到的空白将少于在测试时看到的空白。
4. 在下面的 Internet Explorer 条件注释中，zoom 属性用来赋予 mainContent“hasLayout”。这会避免几个可能出现的特定于 IE 的错误。
*/
.thrColHybHdr #mainContent {
 	margin: 0 12em 0 12em; /* 右边距可以用全方 (em) 或像素来指定，它会在页面的右下方产生空白。 */ 
	padding: 0 2em 0 2em; /* 在此处填充会产生“方块内”空白。 */
} 
.thrColHybHdr #footer { 
	padding: 0 10px; /* 此填充会将它上面 div 中的所有元素左对齐。 */
	background:#FFFFFF;
} 
.thrColHybHdr #footer p {
	margin: 0; /* 将脚注中第一个元素的边距设置为零将避免出现可能的边距重叠（即 div 之间出现的空白）*/
	padding: 10px 0; /* 就像边距会产生空白一样，此元素上的填充也将产生空白，但不会出现边距重叠问题 */
}

/* 要重用的各种类 */
.fltrt { /* 此类可用来使页面中的元素向右浮动。浮动元素必须位于页面上要与之相邻的元素之前。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* 此类可用来使页面上的元素向左浮动 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* 此类应当放在 div 或 break 元素上，而且该元素应当是完全包含浮动的容器关闭之前的最后一个元素 */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.STYLE1 {font-size: 12px}
.STYLE7 {font-size: 12px; font-family: "Times New Roman", Times, serif; }
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.STYLE13 {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.STYLE14 {font-family: Verdana, Arial, Helvetica, sans-serif; }
.STYLE16 {
	color: #000099;
	font-weight: bold;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
--> 
</style><!--[if IE]>
<style type="text/css"> 
/* 请将所有版本的 IE 的 css 修复放在这个条件注释中 */
.thrColHybHdr #sidebar1, .thrColHybHdr #sidebar2 { padding-top: 30px; }
.thrColHybHdr #mainContent { zoom: 1; padding-top: 15px; }
/* 上面的专用 zoom 属性为 IE 提供避免错误所需的 hasLayout */
</style>
<![endif]--></head>

<body class="thrColHybHdr">

<div id="container">
  <div id="header">
<table width="849" border="0" align="center" bordercolor="#FFFFFF" background="../../../image/3110_background/backcolor2.jpg">
  <tr align="center" valign="top">
    <td width="198" rowspan="2" align="center" scope="col"><img src="../../../image/weblogo3.jpg" alt="" width="198" height="73" /></td>
    <td width="103" height="36" align="center" valign="middle" scope="col"><span class="STYLE1"><a href="../../../../index.jsp" target="_top">Home</a></span></td>
    <td width="82" align="center" valign="middle" scope="col"><span class="STYLE1"><a href="../../Newslist.jsp">News</a></span></td>
    <td width="111" align="center" valign="middle" scope="col"><span class="STYLE1"><a href="http://www.goodcar.cn/buy">Shopping Guide</a></span></td>
    <td width="79" align="center" valign="middle" scope="col"><span class="STYLE1"><a href="http://www.goodcar.cn/Collect">Brand</a></span></td>
    <td width="88" align="center" valign="middle" scope="col"><span class="STYLE1"><a href="http://www.goodcar.cn/life">Test Ranking</a></span></td>
    <td width="85" align="center" valign="middle" scope="col"><span class="STYLE1"><a href="http://www.goodcar.cn/life">Test-drive</a></span></td>
    <td width="69" rowspan="2" scope="col"><img src="../../../image/weblogo2.jpg" alt="" width="69" height="72" /></td>
  </tr>
  <tr align="center" valign="top">
    <td height="28" align="center" valign="middle" class="STYLE1"><span class="STYLE13"><a href="http://www.goodcar.cn/maintenance" class="STYLE1">Maintenance</a></span> </td>
    <td align="center" valign="middle" class="STYLE1"><a href="http://bbs.goodcar.cn/" class="STYLE14">Forum</a></td>
    <td align="center" valign="middle" class="STYLE1"><a href="../../../car_redesign/car_redesign.jsp" class="STYLE14">Car-Redesign </a></td>
    <td align="center" valign="middle" class="STYLE1"><span class="STYLE13"><a href="http://www.goodcar.cn/news/lists/?bid=33">Technique</a></span></td>
    <td align="center" valign="middle" class="STYLE1"><a href="http://tj.goodcar.cn/server" class="STYLE14">Help</a></td>
    <td align="center" valign="middle" class="STYLE1"><a href="http://tj.goodcar.cn/Play" class="STYLE14">Travel</a></td>
    </tr>
</table>
<!-- end #header -->
  </div>
  <div id="sidebar1">
   <table width="170" border="1" cellpadding="0" cellspacing="0" bordercolor="#5CA9B1">
 <tr> <td border="0">
<table width="169" border="0" cellpadding="0">
  <tr>
    <td height="19" align="right"><div align="center" class="STYLE16">Bugatti Veyron</div></td>
  </tr>
  <tr>
    <td align="right"><img src="../../../image/news_pictures/leftAD1.jpg" alt="" width="160" height="97" /></td>
  </tr>
  <tr>
    <td align="right"><img src="../../../image/news_pictures/leftAD2.jpg" alt="" width="161" height="97" /></td>
  </tr>
  <tr>
    <td align="right"><img src="../../../image/news_pictures/leftAD3.jpg" alt="" width="160" height="76" /></td>
  </tr>
  <tr>
    <td align="right"><img src="../../../image/news_pictures/leftAD4.jpg" alt="" width="160" height="94" /></td>
  </tr>
  <tr>
    <td align="right"><img src="../../../image/news_pictures/leftAD5.jpg" alt="" width="160" height="94" /></td>
  </tr>
</table>
</td></tr>
</table>
<h3>&nbsp;</h3>
<!-- end #sidebar1 --></div>
  <div id="sidebar2">
 <table width="170" border="1" cellpadding="0" cellspacing="0" bordercolor="#5CA9B1">
 <tr> <td border="0">
<table width="169" border="0" cellpadding="0">
  <tr>
    <td><div align="center" class="STYLE16">Ferrari</div></td>
  </tr>
  <tr>
    <td><img src="../../../image/news_pictures/rightAD1.jpg" alt="" width="160" height="97" /></td>
  </tr>
  <tr>
    <td><img src="../../../image/news_pictures/rightAD2.jpg" alt="" width="161" height="97" /></td>
  </tr>
  <tr>
    <td><img src="../../../image/news_pictures/rightAD3.jpg" alt="" width="160" height="76" /></td>
  </tr>
  <tr>
    <td><img src="../../../image/news_pictures/rightAD4.jpg" alt="" width="160" height="94" /></td>
  </tr>
  <tr>
    <td><img src="../../../image/news_pictures/rightAD5.jpg" alt="" width="160" height="94" /></td>
  </tr>
</table>
</td></tr>
</table>
<h3>&nbsp;</h3>
<!-- end #sidebar2 --></div>
  <!-- InstanceBeginEditable name="main-content" -->
  <div id="mainContent">
<h1><img src="../../../image/news_pictures/newsP1.jpg" width="530" height="29" alt="" /></h1>
<p><img src="../../../image/news_pictures/newsP2.jpg" width="562" height="300" alt="" /></p>
<p class="STYLE2">Can you keep a secret? Apparently someone at Mercedes-Benz can't. After being   spied multiple times in various forms, the first official photos of the upcoming   2010 Mercedes-Benz E-Class sedan have leaked online ahead of the luxury car's   scheduled debut at the 2009 North American International Auto Show in Detroit   next month. Taking several cues from the automaker's ConceptFACSINATION design study that debuted at the 2008 Paris   Motor Show, the new E-Class will also reportedly form the basis for a new coupe version to replace the CLK, as well as a convertible   variant.</p>
<p class="STYLE2">The production 2010 Mercedes-Benz E-Class seems to have retained several of   the features that made the ConceptFASCINATION memorable, including the stout,   angular nose and four sharp LED headlights that replace the rounded units on the   present-generation E-Class. The rear wheel arches feature swept-up, gentle   fender flares and new LED light-bar-style turn signals are found in the front   valance vents in a fashion similar to current Porsches.</p>
<p class="STYLE2">Engine options should remain the roughly the same (at least initially) as   those of the present E-Class, meaning a 3.5L V-6, 5.5L V-8, and 6.2 V-8 (E63   AMG). Later, expect a Bluetec diesel option (including possible diesel AMG models) and even a hybrid variant. Mercedes' recently unveiled myCOMAND infotainment system should also be featured   prominently in the new car.</p>
<span class="STYLE2">Keep it tuned to Motor Trend Online for the full scoop on the 2010   Mercedes-Benz E-Class as details become available, as well as coverage live from   the 2009 Detroit Auto Show floor this January. </span>
<p></p>
<p>&nbsp;</p>
<!-- end #mainContent --></div> <!-- InstanceEndEditable -->
	<!-- 这个用于清除浮动的元素应当紧跟 #mainContent div 之后，以便强制 #container div 包含所有的子浮动 --><br class="clearfloat" />
   <div id="footer">
<table width="868" border="0" align="center" background="../../../image/3110_background/backcolor2.jpg">
  <tr class="STYLE7">
    <td width="120" align="center" valign="top"><a href="file:///E|/www.tj.goodcar.cn">About GoodCar </a></td>
    <td width="120" align="center" valign="top"><a href="http://tj.goodcar.cn/#">Advertising Service</a></td>
    <td width="108" align="center" valign="top"><a href="file:///E|/blwidow@goodcar.cn">Contect Us</a></td>
    <td width="236" align="center" valign="top"><a href="http://tj.goodcar.cn/#">Comments or Questions?</a></td>
    <td width="262" rowspan="2" align="center" valign="top">Copyright 2008-2009<a href="file:///E|/www.tj.goodcar.cn"> GoodCar Company</a>, All Right Reserved</td>
  </tr>
  <tr>
    <td colspan="4" align="center" valign="top"><span class="STYLE7"><a href="file:///E|/Reservation.html">Final  Explanation:The website’s announce and the right of amend, renew and the final  explanation is belong to our website.</a></span></td>
  </tr>
</table>
<!-- end #footer -->
  </div>
<!-- end #container --></div>
</body>
<!-- InstanceEnd --></html>
